<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>template实例1--template渲染</title>
	<script src="./js/vue.js"></script>
</head>
<body>
	<!-- 模板 -->
	<div id="demo">
		<span>妙味课堂</span>
	</div>

	<script>
		var vdata = {
			message:"hello,Vue",
			// 这里的html,一定要是可靠的html,不是输入框里的html
			html:"<div>hello,MiaoV</div>",
			abc:"123",
			message:"我是message"
		}
		// 字符串拼接
		// var str = "<div class='m-temp'>hello,MiaoV！abc的值是:{{abc}},message内容:{{message}},<span>我是一个span<span></div>";
		// es6超级字符串: ` ` 可以在里面换行
		var str = `<div class='m-temp'>
						hello,MiaoV！abc的值是:{{abc}},message内容:{{message}},<span>我是一个span</span>
					</div>`;
		// 渲染
		new Vue({
			el:"#demo",
			data:vdata,
			template:str
		});
	</script>
</body>
</html>